<template>
  <!-- 控制中心的容器框架 -->
  <div class="controlCenter">
    <!-- 定义导航栏 -->
    <control-center-top />
    <!-- 定义中间内容 -->
    <control-center-banner />
    <!-- 定义页脚 -->
    <control-center-footer />
  </div>
</template>

<script>
  import ControlCenterTop from './ControlCenterComponents/ControlCenterTop'
  import ControlCenterBanner from './ControlCenterComponents/ControlCenterBanner'
  import ControlCenterFooter from './ControlCenterComponents/ControlCenterFooter'

  export default {
    name: 'ControlCenter',
    components: {
      ControlCenterTop,
      ControlCenterBanner,
      ControlCenterFooter
    },
    data () {
      return {

      }
    },
    // 在组件渲染前更改是否刷新书籍页的判断值
    beforeRouteEnter(to, from, next) {
      localStorage.setItem('bannerFlag', true);
      next();
    }
  }

</script>

<style scoped>

</style>